<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui" />
    <meta name="format-detection" content="telephone=no, email=no" />
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/fangmama.css">
    <link rel="stylesheet" href="css/swiper.min.css">
    <script src="js/jquery-1.9.1.js"></script>
    <script src="js/swiper3.0.8.min.js"></script>
    <script src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <title>2.2</title>
</head>
<body ontouchstart="" class="height-full">
    <div class="head-tit head-color2"><i class="iconfont icon-left">&#xe601;</i>添加房东信息</div>
    <div class="contract-layout house-man-layout">
        <div class="house-man">房东收款帐号</div>
        <div class="contract-model">
            <div class="contract-list contarct-border-bottom">
                <span class="contract-tit">房东类型</span>
                <div class="contarct-txt">
                    <select>
                        <option>个人</option>
                        <option>中介</option>
                        <option>我也不知道</option>
                    </select>
                </div>
            </div>
            <div class="contract-list contarct-border-bottom">
                <span class="contract-tit">开户姓名</span>
                <div class="contarct-txt">
                    <input type="text" placeholder="请输入开户人姓名">
                </div>
            </div>
            <div class="contract-list contarct-border-bottom">
                <span class="contract-tit">开户银行</span>
                <div class="contarct-txt">
                    <select>
                        <option>中国建设银行</option>
                        <option>工商银行</option>
                        <option>招商银行</option>
                    </select>
                </div>
            </div>
            <div class="contract-list contarct-border-bottom">
                <span class="contract-tit">银行卡号</span>
                <div class="contarct-txt">
                    <input type="number" placeholder="请输入银行卡号">
                </div>
            </div>
            <div class="contract-list">
                <span class="contract-tit"><em class="hack-em">开户行</em><em>所在地</em></span>
                <div class="contarct-txt">
                    <select>
                        <option>厦门</option>
                        <option>北京</option>
                        <option>上海</option>
                    </select>
                </div>
            </div>
        </div>

        <div class="house-man">房东联系方式</div>
        <div class="contract-model pb60">
            <div class="contract-list contarct-border-bottom">
                <span class="contract-tit">手机号码</span>
                <div class="contarct-txt">
                    <input type="number" placeholder="请输入手机号码">
                </div>
            </div>
            <div class="contract-list">
                <span class="contract-tit">到账通知</span>
                <div class="contarct-txt">
                    <select>
                        <option>不通知房东</option>
                        <option>通知房东</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="mark-sub"><input type="button" value="下一步"></div>
    </div>
</body>
</html>
<script>
    var mySwiper = new Swiper('.house-swiper',{
        speed:500,
        onSlideChangeStart: function(){
            $(".contract-nav a").removeClass('on')
            $(".contract-nav a").eq(mySwiper.activeIndex).addClass('on')
        }
    })
    $(".contract-nav a").on('touchstart mousedown',function(e){
        e.preventDefault()
        $(".contract-nav .on").removeClass('on')
        $(this).addClass('on')
        mySwiper.slideTo( $(this).index() )
    })
    $(".contract-nav a").click(function(e){
        e.preventDefault()
    })



</script>

